<template>
  <div class="tagsList">
    <template v-for="item in tagsList" :key="item">
      <span class="mx-1">{{ item.value }}</span>
    </template>
  </div>
</template>
<script setup>
import { defineProps, toRefs } from "@vue/runtime-core";
const props = defineProps({
  listData: {
    type: Array,
  },
});
const tagsList = toRefs(props.listData);
console.log(tagsList, "<=======");
</script>
<style lang="scss" scoped>
.tagsList {
  span {
    padding: 1px 4px;
    background: rgba(0, 128, 0, 0.12);
  }
}
</style>
